<template>
  <div class="dd">
      <div class="box">🔔 {{ billboard.content }}</div>
        <div class="columns">
          <div class="column is-three-quarters">
            <post></post>
          </div>
          <div class="column">
            <card-bar></card-bar>
          </div>
        </div>
  </div>
</template>

<script>
import {getBillboard} from "../api/billboard";
import CardBar from "./card/CardBar.vue";
import Post from "./post/Post.vue";
export default {
  name: "Home",
  data() {
    return {
      billboard:{
        content: "",
      },
    }
  },
  components:{
    CardBar,
    Post,
  },
  created(){
    this.fetchBillboar();
  },
  methods:{
    fetchBillboar(){
      getBillboard().then(res=>{
        const result = res.data;
        if(result.code == 0){
          this.billboard = result.data;
        }
      })
    }
  }
};
</script>
<style scoped>
/* .dd{
  background-image: url("../assets/bg2.jpg");
} */
</style>
